<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .item{
            padding: 50px;
            position: relative;
        }
        .item span{
            position: absolute;
            top: 42px;
            left: 83px;
            opacity: 1;
        }
    </style>
</head>
<body>
    <div class="item">
        <a onclick="f1(this)">赞!</a>
    </div>
    <div class="item">
        <a onclick="f1(this)">赞!</a>
    </div>
    <div class="item">
        <a onclick="f1(this)">赞!</a>
    </div>
    <div class="item">
        <a onclick="f1(this)">赞!</a>
    </div>
    <script>
        function f1(ths) {
            var top=42;
            var left=83;
            var op=1;
            var fontSize=18;
            var tag = document.createElement('span');
            tag.innerText='+1';
            tag.style.top=top+'px';
            tag.style.left=left+'px';
            tag.style.fontSize=fontSize+'px';
            tag.style.opacity=op;
            ths.parentElement.appendChild(tag);

            var inter=setInterval(function ()
                {
                top-=10;
                left+=10;
                op-=0.1;
                fontSize+=5;
                tag.style.top=top+'px';
                tag.style.left=left+'px';
                tag.style.fontSize=fontSize+'px';
                tag.style.opacity=op;
                if (op<=0.2){
                    clearInterval(inter);
                    ths.parentElement.removeChild(tag)
                             }
                }
            ,50)
        }
    </script>
</body>
</html>